<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery Mobile-Webanwendung</title>
<link href="../src/js/jquery/jqueryMobile/jquery.mobile.theme-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="../src/js/jquery/jqueryMobile/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="../src/css/index_mobile.css" rel="stylesheet" type="text/css"/>
<script src="../src/js/jquery/main/jquery-1.10.2.js" type="text/javascript"></script>	
<script src="../backend/js/listview.js" type="text/javascript"></script>
<script src="../src/js/jquery/jqueryMobile/jquery.mobile-1.3.2.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page" id="listviewmonth" data-add-back-btn="true" data-back-btn-text="Zurück">
	<div data-role="header">
	    <a href="../../index.html" data-icon="arrow-l">Zurück</a>
		<h1>Monatsübersicht</h1>
	</div>
	<div data-role="content">
    	<div data-role="fieldcontain" id="listcontain">
    	  <ol data-role="listview" data-inset="true" id="listdetailviewmonth">
    	  </ol>
      	</div>
	</div>
	<div data-role="footer">
		<h4>Kilometerpauschale</h4>
	</div>
</div>

<div data-role="page" id="listviewday" data-add-back-btn="true" data-back-btn-text="Zurück">
	<div data-role="header">
		<h1>Tagesübersicht</h1>
	</div>
	<div data-role="content">
    	<div data-role="fieldcontain" id="listcontain">
    	  <ol data-role="listview" data-inset="true" id="listdetailviewday">
    	  </ol>
      	</div>
	</div>
	<div data-role="footer">
		<h4>Kilometerpauschale</h4>
	</div>
</div>

<div data-role="page" id="listviewdetail" data-add-back-btn="true" data-back-btn-text="Zurück">
	<div data-role="header">
		<h1>Detailansicht</h1>
	</div>
	<div data-role="content">
    	<div data-role="fieldcontain">
			<h3>details</h3>
      	</div>
	</div>
	<div data-role="footer">
		<h4>Kilometerpauschale</h4>
	</div>
</div>

</body>
</html>